@import (reference) url('../../assets/css/_.less');

.tederen-detail{
  .panel{
    border: 3px solid #e9e9e9;
    .border-radius;
    padding: 10px 20px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    .panel-item{
      float: left;
      padding: 10px 20px;
      .title{
        line-height: 40px;
      }
      .num{
        color: @cb;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 40px;
      }
    }
    .item1, .item2{
      .headUrl{
        width: 60px;
        height: 60px;
        .border-radius(30px);
        overflow: hidden;
        float: left;
        img{
          width: 60px;
          height: 60px;
        }
        margin-right: 20px;
      }
      .text{
        float: left;
        .nickname{
          font-size: 18px;
        }
      }
    }
    .item2, .item3, .item1 > .text{
      line-height: 30px;
    }
    @media (min-width: 768px) {
      .panel-item{
        width: 100% / 3;
      }
      .item1, .item2{
        border-right: 1px solid #e5e6e7;
      }
    }
    @media (max-width: 767px) {
      .panel-item{
        width: 100%;
      }
      .item1, .item2{
        border-bottom: 1px solid #e5e6e7;
      }
    }
  }
}
